<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度一下，你就知道</title>
    <style>
        *{
            margin:0px;
            padding: 0px;
            list-style: none;
            
        }
        .shouye{
            height: 80px;
        }
        .shouye .chanping{
            background-color: blue;
            margin-right: 
        }
        .shouye p{
            float:right;
            margin-left: 20px;
            margin-top: 24px;
        }
        .zhongbu h1{
                text-align: center;
        }
        .zhongbu input{
                width: 540px;
                height: 34px;
         }
        .zhongbu button{
                width: 100px;
                height: 37.5px;
                color: white;
                background: rgb(5, 34, 119);
                border: none;
                margin-left: -10px;
        }
        .zhongbu .erweima{
                margin-top: 150px;
                font-size: 5px;
        }
        .weibu .a1{
                text-align: center;
                font-size: 13px;
        }
        .weibu .a2{
                padding: 0px 15px;
                color: silver;
        }
        .weibu .zuihou p{
                color: silver;
                margin-bottom: 30px;
                text-align: center;
        }
        .weibu .zuihou a{
                color: silver;
        }


    </style>
</head>
<body>
    <div class="shouye">
        <a href=""><p class="chanping">更多产品</p></a>
        <a href=""><p>设置</p></a>
        <a href=""><p>登录</p></a>
        <a href=""><p>贴吧</p></a>
        <a href=""><p>视频</p></a>
        <a href=""><p>地图</p></a>
        <a href=""><p>hao123</p></a>
        <a href=""><p>新闻</p></a>
        <a href=""><p>糯米</p></a>
    </div>
    <div>
        <ul class="zhongbu">
            <h1><img src="images/bd_logo1.png" alt=""></h1>
            <h1><input type="text" class="search-text">
            <button type="button" class="submit">百度一下</button>
        </h1>
        <h1 class="erweima">
            <img src="images/zbios_efde696.png" alt="">
            <p>手机百度</p>
        </h1>
        </ul>
    </div>
    <ul class="weibu">
        <li class="a1">
            <a href="" class="a2">把百度设为主页</a>
            <a href="" class="a3">关于百度</a>
            <a href="" class="a4">About Baidu</a>
            <a href="" class="a5">百度推广</a>
        </li>
        <li class="zuihou">
            <p>
                @2016 Baidu <a href="">使用百度前必读</a>
                <a href="">意见反馈</a>京ICP证030173号
                <img src="images/a2.jpg" alt=""><a href="">京公网安备1100002000001号</a>
                <img src="images/a1.jpg" alt="">
            </p>
        </li>
    </ul>
</body>
</html>